<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
		.bigbox{
			
			width: 1850px;
			height: 40px;
			
			background-color: #b0b0b0;
			display: flex;
			
		}
		.bigbox div{
			width:90px;
			height: 40px;
			font-size: 18px;
			line-height: 40px;
			display: flex;
		}
		input :focus{
			outline: none;
		}
		.bigbox div:hover{
			color: white;
		}
		.bigbox2{
			width: 350px;
			height: 40px;
			
			float: right;
			margin-top: -40px;
			display: flex;
		}
		.bigbox2 div{
			width: 200px;
			height: 40px;
			
		}
		input :focus{
			outline: none;
		}
		.bigbox2 div:hover{
			color: white;
		}
		.bigbox3{
			position: relative;
			width: 1600px;
			height: 100px;
			
			margin: auto;
			display: flex;
		}
		.bigbox4{
			position: absolute;
			width: 200px;
			height: 100px;
			
		}
		.bigbox5{
			width: 1300px;
			height: 100px;
			
			display: flex;
		}
		.bigbox5 div{
			width: 150px;
			height: 100px;
			
			font-size: 22px;
			line-height: 100px;
			margin: auto;
			
		}
		input :focus{
			outline: none;
		}
		.bigbox5 div:hover{
			color: orange;
		}
		.bigbox6{
			width: 300px;
			height: 80px;
			border: 1px solid black;
			line-height: 80px;
			font-size: 20px;
			color: #b0b0b0;
		}
		.bigbox7{
			width: 100px;
			height: 80px;
			border: 1px solid black;
			float: right;
		}
		.box{
			width: 1600px;
			height: 400px;
			border: 1px solid black;
			margin: auto;
			
		}
		.box1{
			width: 300px;
			height: 400px;
			border: 1px solid black;
			font-size: 30px;
			background-color: #b0b0b0;
		}
		.box2{
			width: 1300px;
			height: 400px;
			float: right;
			margin-top: -400px;
		}
		.box3{
			width: 1600px;
			height: 200px;
			border: 1px solid black;
			display: flex;
			margin: auto;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			flex-flow: row wrap;
		}
		.box3 div{
			width: 370px;
			height: 200px;
			border: 1px solid black;
			font-size: 36px;
			text-align: center;
			line-height: 300px;
		}
		.box4{
			width: 1600px;
			height: 200px;
			margin: auto;
		}
		.box5{
			width: 1600px;
			height: 100px;
			margin: auto;
			background-color: aliceblue;
			font-size: 25px;
			line-height: 160px;
			color: #b0b0b0;
		}
		.box6{
			width: 1600px;
			height: 700px;
			border: 1px solid black;
			margin: auto;
			display: flex;
		}
		.box7{
			width: 250px;
			height: 700px;
			border: 1px solid black;
		}
		.box8{
			width: 1350px;
			height: 700px;
			border: 1px solid black;
			display: flex;
			float: right;
			flex-direction: row;
			flex-flow:row wrap;
			justify-content: space-between;
			align-items: center;
		}
		.box8 div{
			width: 300px;
			height: 350px;
			border: 1px solid black;
		}
		.box9{
			width: 1600px;
			height: 100px;
			background-color: aliceblue;
			font-size: 26px;
			margin: auto;
			line-height: 128px;
			color: #b0b0b0;
		}
		.wbox6{
			width: 1600px;
			height: 700px;
			border: 1px solid black;
			margin: auto;
			display: flex;
		}
		.wbox7{
			width: 250px;
			height: 700px;
			border: 1px solid black;
		}
		.wbox8{
			width: 1350px;
			height: 700px;
			border: 1px solid black;
			display: flex;
			float: right;
			flex-direction: row;
			flex-flow:row wrap;
			justify-content: space-between;
			align-items: center;
		}
		.wbox8 div{
			width: 300px;
			height: 350px;
			border: 1px solid black;
		}
		.cbox6{
			width: 1600px;
			height: 700px;
			border: 1px solid black;
			margin: auto;
			display: flex;
		}
		.cbox7{
			width: 250px;
			height: 700px;
			border: 1px solid black;
		}
		.cbox8{
			width: 1350px;
			height: 700px;
			border: 1px solid black;
			display: flex;
			float: right;
			flex-direction: row;
			flex-flow:row wrap;
			justify-content: space-between;
			align-items: center;
		}
		.cbox8 div{
			width: 300px;
			height: 350px;
			border: 1px solid black;
		}
		.pbox6{
			width: 1600px;
			height: 700px;
			border: 1px solid black;
			margin: auto;
			display: flex;
		}
		.pbox7{
			width: 250px;
			height: 700px;
			border: 1px solid black;
		}
		.pbox8{
			width: 1350px;
			height: 700px;
			border: 1px solid black;
			display: flex;
			float: right;
			flex-direction: row;
			flex-flow:row wrap;
			justify-content: space-between;
			align-items: center;
		}
		.pbox8 div{
			width: 300px;
			height: 350px;
			border: 1px solid black;
		}
		.ebox6{
			width: 1600px;
			height: 700px;
			border: 1px solid black;
			margin: auto;
			display: flex;
		}
		.ebox7{
			width: 250px;
			height: 700px;
			border: 1px solid black;
		}
		.ebox8{
			width: 1350px;
			height: 700px;
			border: 1px solid black;
			display: flex;
			float: right;
			flex-direction: row;
			flex-flow:row wrap;
			justify-content: space-between;
			align-items: center;
		}
		.ebox8 div{
			width: 300px;
			height: 350px;
			border: 1px solid black;
		}
		.tbox6{
			width: 1600px;
			height: 700px;
			border: 1px solid black;
			margin: auto;
			display: flex;
		}
		.tbox7{
			width: 250px;
			height: 700px;
			border: 1px solid black;
		}
		.tbox8{
			width: 1350px;
			height: 700px;
			border: 1px solid black;
			display: flex;
			float: right;
			flex-direction: row;
			flex-flow:row wrap;
			justify-content: space-between;
			align-items: center;
		}
		.tbox8 div{
			width: 300px;
			height: 350px;
			border: 1px solid black;
		}
		.jbox6{
			width: 1600px;
			height: 700px;
			border: 1px solid black;
			margin: auto;
			display: flex;
		}
		.jbox7{
			width: 250px;
			height: 700px;
			border: 1px solid black;
		}
		.jbox8{
			width: 1350px;
			height: 700px;
			border: 1px solid black;
			display: flex;
			float: right;
			flex-direction: row;
			flex-flow:row wrap;
			justify-content: space-between;
			align-items: center;
		}
		.jbox8 div{
			width: 300px;
			height: 350px;
			border: 1px solid black;
		}
	</style>
	</head>
	<body>
		<div class="bigbox">
				<div ></div>
				<div ></div>
				<div >小米官网<span>|</span></div>
				<div >小米商城<span>|</span></div>
				<div >小米澎湃<span>|</span></div>
				<div >小米汽车<span>|</span></div>
				<div>云服务<span>|</span></div>
				<div>loT<span>|</span></div>
				<div>有品<span>|</span></div>
				<div>开放平台<span>|</span></div>
				<div>资质证照<span>|</span></div>
				<div>协议规则<span>|</span></div>
				<div>下载aPP<span>|</span></div>
				<div>SelectLocation<span>|</span></div>
		</div>
		<div class="bigbox2"><img src="img/gwc.png" width="100px" height="40px"/>
			<div>登录   </div>
			<div>注册  </div>
			<div>消息通知  </div>
		</div>
		<div class="bigbox3">
			<div class="bigbox4"><img src="img/log.png" width="100px" height="100px"/></div>
			<div class="bigbox5">
				<div></div>
				<div>Redmi手机</div>
				<div>电视</div>
				<div>笔记本</div>
				<div>平板</div>
				<div>家电</div>
				<div>路由器</div>
				<div>服务中心</div>
				<div>社区</div>
				<div></div>
			</div>
			<div class="bigbox6">
				手机
				<div class="bigbox7"><img src="img/ss.png" width="100px" height="80px"/></div>
			</div>
		</div>
		<div class="box">
			<div class="box1">
				手机<br /><span></span>
				电视<br />
				家电<br />
				笔记本 平板<br />
				出行穿戴<br />
				耳机音箱<br />
				健康儿童<br />
				生活箱包<br />
				智能路由器<br />
				电源配件<br />
			</div>
			<div class="box2"><img src="img/b1.jpeg" width="1300px" height="400px"/></div>
		</div>
		<div class="box3">
			<div><img src="img/h1.png" width="370px" height="200px"/></div>
			<div><img src="img/m1.png" width="370px" height="200px""/></div>
			<div><img src="img/m2.jpeg" width="370px" height="200px"/></div>
			<div><img src="img/m3.png" width="370px" height="200px"/></div>
		</div>
		<div class="box4"><img src="img/mi.png" width="1600px" height="200px"/></div>
		<div class="box5">手机</div>
		<div class="box6">
			<div class="box7"><img src="img/z.png" width="250px" height="700px"/></div>
			<div class="box8">
				<div><img src="img/z1.png" width="300px" height="350px"/></div>
				<div><img src="img/z2.png" width="300px" height="350px"/></div>
				<div><img src="img/z3.png" width="300px" height="350px"/></div>
				<div><img src="img/z4.png" width="300px" height="350px"/></div>
				<div><img src="img/z5.png" width="300px" height="350px"/></div>
				<div><img src="img/z6.png" width="300px" height="350px"/></div>
				<div><img src="img/z7.png" width="300px" height="350px"/></div>
				<div><img src="img/z8.png" width="300px" height="350px"/></div>
			</div>
			</div>
		</div>
		<div class="box9">智能穿戴</div>
		<div class="wbox6">
			<div class="wbox7"><img src="img/hh.png" width="250px" height="700px"/></div>
			<div class="wbox8">
				<div><img src="img/c1.png" width="300px" height="350px"/></div>
				<div><img src="img/c2.png" width="300px" height="350px"/></div>
				<div><img src="img/c3.png" width="300px" height="350px"/></div>
				<div><img src="img/c4.png" width="300px" height="350px"/></div>
				<div><img src="img/c5.png" width="300px" height="350px"/></div>
				<div><img src="img/c6.png" width="300px" height="350px"/></div>
				<div><img src="img/c7.png" width="300px" height="350px"/></div>
				<div><img src="img/z8.png" width="300px" height="350px"/></div>
			</div>
			</div>
		</div>
		<div class="cbox6">
			<div class="cbox7"><img src="img/y1.webp" width="250px" height="700px"/></div>
			<div class="cbox8">
				<div><img src="img/y2.png" width="300px" height="350px"/></div>
				<div><img src="img/y3.png" width="300px" height="350px"/></div>
				<div><img src="img/y9.png" width="300px" height="350px"/></div>
				<div><img src="img/y5.png" width="300px" height="350px"/></div>
				<div><img src="img/y6.png" width="300px" height="350px"/></div>
				<div><img src="img/y7.png" width="300px" height="350px"/></div>
				<div><img src="img/y8.png" width="300px" height="350px"/></div>
				<div></div>
			</div>
			</div>
		</div>
		<div class="pbox6">
			<div class="pbox7"><img src="img/p1.png" width="250px" height="350px"/><img src="img/p2.webp" width="250px" height="350px"/></div>
			<div class="pbox8">
				<div><img src="img/p3.png" width="300px" height="350px"/></div>
				<div><img src="img/p4.png" width="300px" height="350px"/></div>
				<div><img src="img/p5.png" width="300px" height="350px"/></div>
				<div><img src="img/p6.png" width="300px" height="350px"/></div>
				<div><img src="img/p7.png" width="300px" height="350px"/></div>
				<div><img src="img/p8.png" width="300px" height="350px"/></div>
				<div><img src="img/p9.png" width="300px" height="350px"/></div>
				<div></div>
			</div>
			</div>
		</div>
		<div class="ebox6">
			<div class="ebox7"><img src="img/e1.png" width="250px" height="350px"/><img src="img/e2.png" width="250px" height="350px"/></div>
			<div class="ebox8">
				<div><img src="img/e3.png" width="300px" height="350px"/></div>
				<div><img src="img/e4.png" width="300px" height="350px"/></div>
				<div><img src="img/e5.png" width="300px" height="350px"/></div>
				<div><img src="img/e6.png" width="300px" height="350px"/></div>
				<div><img src="img/e7.png" width="300px" height="350px"/></div>
				<div><img src="img/e8.png" width="300px" height="350px"/></div>
				<div><img src="img/e9.png" width="300px" height="350px"/></div>
				<div></div>
			</div>
			</div>
		</div>
		<div class="tbox6">
			<div class="tbox7"><img src="img/t9.png" width="250px" height="350px"/><img src="img/t8.png" width="250px" height="350px"/></div>
			<div class="tbox8">
				<div><img src="img/t7.png" width="300px" height="350px"/></div>
				<div><img src="img/t6.png" width="300px" height="350px"/></div>
				<div><img src="img/t5.png" width="300px" height="350px"/></div>
				<div><img src="img/t4.png" width="300px" height="350px"/></div>
				<div><img src="img/t3.png" width="300px" height="350px"/></div>
				<div><img src="img/t2.png" width="300px" height="350px"/></div>
				<div><img src="img/t1.png" width="300px" height="350px"/></div>
				<div></div>
			</div>
			</div>
		</div>
		<div class="jbox6">
			<div class="jbox7"><img src="img/j1.png" width="250px" height="350px"/><img src="img/j2.png" width="250px" height="350px"/></div>
			<div class="jbox8">
				<div><img src="img/jj.png" width="300px" height="350px"/></div>
				<div><img src="img/j4.png" width="300px" height="350px"/></div>
				<div><img src="img/j5.png" width="300px" height="350px"/></div>
				<div><img src="img/j6.png" width="300px" height="350px"/></div>
				<div><img src="img/j7.png" width="300px" height="350px"/></div>
				<div><img src="img/j8.png" width="300px" height="350px"/></div>
				<div><img src="img/j9.png" width="300px" height="350px"/></div>
				<div></div>
			</div>
			</div>
		</div>
	</body>
</html>
